page-login {
    input::-webkit-input-placeholder {
       color: #aab2bd;
       font-size: 12px;
    }

    .login-content{
        .close{
            width:38px;
            height:35px;
            display: block;
            

        }
        .login-text{
            height: 14%;
            padding: 3%;
            h5,h4{
                text-align: center;

            }
        }
        .input{
            height:50%;
            .box{
                border: 1px solid rgb(229,229,229);
                padding: 4% 0 4% 4%;
                border-radius:5px;
                input{
                    background: none;
                    border: 0;
                    width: 80%;
                    border-left: 1px solid rgb(229, 229, 229);
                    padding-left: 1%;
                }
                img{
                        width: 20px;
                        float: right;
                        margin-right: 10px;

                }
            }
            .pwd{
                padding: 4% 0 4% 2%;

                margin-top:5%;
                input {
                    border-left:0px;
                    width: 40%;
                }
                span{
                    color:#939393;
                    float:right;
                    margin-right:2%

                }
            }

            .submit{
                padding: 4% 0 4% 0%;
                border-radius:5px;
                background:rgb(246, 138, 48);
                color:#fff;
                margin-top:10%; 
                span{
                    text-align: center;
                    display: block;

                }
            }


        }
        .other{
            .other-title{
                display:flex;
                div{
                    flex-grow:1;
                    span{
                        display: block;
                        text-align: center;
                        color:rgb(170,170,170)
                    }
                }
                div:last-child,
                div:first-child{
                        padding-top: 3px;

                }
            }
            .tencent{
                display: flex;
                margin-top: 15%;

                div{
                     flex-grow: 1;
                    img {
                        width: 60px;
                        height: 60px;
                        margin: auto;
                        display: block;
                    }
                    .wechat {

                        margin-left: 50%;
                    }
                    .qq{
                        margin-right: 50%;
                    }

                }
                
            }


        }



    }
}
